$screen_height: 40px;

// 筛选
.screen_ipt {
  width: 100vw;
  height: $screen_height;
  display: flex;
  flex-wrap: wrap;
  background: white;
}

.ipt_box {
  display: flex;
  height: $screen_height;
  align-items: center;
  justify-content: flex-end;
  padding: 0 5px;
  width: calc(8rem + 140px);

  >.ant-input,
  >.ant-input-affix-wrapper,
  >.ant-input-group-wrapper,
  >.ant-select {
    width: 130px;
  }


  .ipt_box_title {
    width: 8em;
    font-size: 12px;
    text-align: right;
    margin-right: 5px;

    .el-input {
      width: 83px;
    }
  }

  &.date_title {
    width: calc(9rem + 260px);

    >.ant-picker {
      width: 260px;
    }
  }

  &.long_title {
    width: calc(9rem + 140px);

    .ipt_box_title {
      width: 9rem;
    }
  }

  &.slightly_title {
    width: calc(7rem + 140px);

    .ipt_box_title {
      width: 7rem;
    }
  }

  &.normal_title {
    width: calc(6rem + 140px);

    .ipt_box_title {
      width: 6rem;
    }
  }

  &.short_title {
    width: calc(5rem + 140px);

    .ipt_box_title {
      width: 5rem;
    }
  }

  &.minimum_title {
    width: calc(4rem + 140px);

    .ipt_box_title {
      width: 4rem;
    }
  }

  &.ipt_box_long {
    width: calc(8rem + 170px);

    >.ant-input,
    >.ant-input-affix-wrapper,
    >.ant-input-group-wrapper,
    >.ant-select {
      width: 170px;
    }

    >.ant-picker {
      width: 260px;
    }


    .ipt_box_title {
      width: 8em;
      font-size: 12px;
      text-align: right;
      margin-right: 5px;
    }

    &.long_title {
      width: calc(9rem + 170px);

      .ipt_box_title {
        width: 9rem;
      }
    }

    &.slightly_title {
      width: calc(7rem + 170px);

      .ipt_box_title {
        width: 7rem;
      }
    }

    &.normal_title {
      width: calc(6rem + 170px);

      .ipt_box_title {
        width: 6rem;
      }
    }

    &.short_title {
      width: calc(5rem + 170px);

      .ipt_box_title {
        width: 5rem;
      }
    }

    &.minimum_title {
      width: calc(4rem + 170px);

      .ipt_box_title {
        width: 4rem;
      }
    }
  }
}

// 功能按钮
.screen_btn {
  width: 100vw;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(248, 248, 248);

  .btn_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

// 数据区
.table_box {
  width: 100vw;
  display: flex;
  justify-content: space-between;
  overflow-y: hidden;
  overflow-x: hidden;
  flex: 1;
  background-color: white;

  .manager_msg {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ccc;
    font-size: 16px;
    flex: 1;
  }

}

.row_clicked_style {
  background: #b2e5ff;
}

.page-table {
  width: 100%;
  .ant-table-wrapper {
    height: 100%;

    .ant-spin-nested-loading {
      height: 100%;

      .ant-spin-container {
        height: 100%;

        .ant-table {
          height: calc(100% - 56px) !important;

          .ant-table-container {
            height: 100%;
            border: 1px solid #f0f0f0;

            .ant-table-tbody-virtual {
              height: calc(100% - 39px) !important;
            }

            .ant-table-placeholder {
              height: calc(100% - 39px) !important;

              .ant-table-cell {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
              }
            }
          }
        }
      }
    }
  }

  &#page-child-table {
    .ant-table-tbody-virtual {
      height: calc(100% - 78px) !important;
    }

    .ant-table-placeholder {
      height: calc(100% - 78px) !important;
    }
  }
}

.noPage-table {
  width: 100%;
  .ant-table-wrapper {
    height: 100%;

    .ant-spin-nested-loading {
      height: 100%;

      .ant-spin-container {
        height: 100%;

        .ant-table {
          height: 100%;

          .ant-table-container {
            height: 100%;
            border: 1px solid #f0f0f0;

            .ant-table-body {
              height: calc(100% - 39px) !important;
            }

            // .ant-table-tbody-virtual {
            //   height: calc(100% - 39px) !important;

            //   .ant-table-tbody-virtual-holder {
            //     height: 100% !important;

            //     >div {
            //       height: 100% !important;
            //     }
            //   }
            // }


            .ant-table-placeholder {
              height: calc(100% - 39px) !important;

              .ant-table-cell {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
              }
            }
          }
        }
      }
    }
  }

  &#page-child-table {
    .ant-table-tbody-virtual {
      height: calc(100% - 78px) !important;
    }

    .ant-table-placeholder {
      height: calc(100% - 78px) !important;
    }
  }
}

// modle弹窗
.ant-modal-body {
  &.edit_dialog_body {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: start;
    flex-wrap: wrap;

    .dialog_ipt_box {
      display: flex;
      align-items: center;
      margin: 20px 0;
      width: calc(8rem + 180px);

      .ipt_box_title {
        width: 8rem;
        font-size: 14px;
        text-align: right;
        margin-right: 5px;
      }

      &.long_title {
        width: calc(9rem + 180px);

        .ipt_box_title {
          width: 9rem;
        }
      }

      &.slightly_title {
        width: calc(7rem + 180px);

        .ipt_box_title {
          width: 7rem;
        }
      }

      &.normal_title {
        width: calc(6rem + 180px);

        .ipt_box_title {
          width: 6rem;
        }
      }

      &.short_title {
        width: calc(5rem + 180px);

        .ipt_box_title {
          width: 5rem;
        }
      }

      &.minimum_title {
        width: calc(4rem + 180px);

        .ipt_box_title {
          width: 4rem;
        }
      }

      >.ant-input,
      >.ant-select,
      >.ant-input-affix-wrapper,
      >.ant-input-group-wrapper>.ant-upload-wrapper,
      >.ant-picker,
      >.ant-input-number,
      >.ant-input-group-wrapper {
        width: 170px;
      }


      &.dialog_ipt_box_long {
        width: calc(8rem + 210px);

        .ipt_box_title {
          width: 8rem;
          font-size: 14px;
          text-align: right;
          margin-right: 5px;
        }

        >.ant-input,
        >.ant-select,
        >.ant-input-affix-wrapper,
        >.ant-input-group-wrapper>.ant-upload-wrapper,
        >.ant-picker,
        >.ant-input-number,
        >.ant-input-group-wrapper {
          width: 200px;
        }

        &.long_title {
          width: calc(9rem + 210px);

          .ipt_box_title {
            width: 9rem;
          }
        }

        &.slightly_title {
          width: calc(7rem + 210px);

          .ipt_box_title {
            width: 7rem;
          }
        }

        &.normal_title {
          width: calc(6rem + 210px);

          .ipt_box_title {
            width: 6rem;
          }
        }

        &.short_title {
          width: calc(5rem + 210px);

          .ipt_box_title {
            width: 5rem;
          }
        }

        &.minimum_title {
          width: calc(4rem + 210px);

          .ipt_box_title {
            width: 4rem;
          }
        }
      }
    }
  }
}

.edit_user_style {
  .ant-modal {
    width: 700px !important;

    .edit_user_ruleForm {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      padding: 10px 0;

      .form_classify_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap;

        .form_classify_title {
          width: 680px;
          margin: 0 auto 15px;
          color: #333;
          height: 30px;
          font-size: 14px;
          line-height: 30px;
          border-bottom: 1px dashed #ccc;
          font-weight: 600;
          text-align: left;
        }


        .form_ipt_box {
          width: 320px;

          .ant-select,
          .ant-input {
            width: 200px;
          }

        }
      }

      .form_ipt_btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
        padding: 20px 50px 0 0;

        .ant-form-item {
          margin-bottom: 0;
        }
      }
    }
  }
}

.edit_800_style {
  .ant-modal {
    width: 800px !important;
  }
}

.edit_900_style {
  .ant-modal {
    width: 900px !important;
  }
}

.fullscreen {
  .ant-modal {
    width: 100vw !important;
    max-width: 100vw;
    top: 0;
    padding-bottom: 0;

    .ant-modal-content {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;


      .ant-modal-body {
        height: calc(100vh - 116px);
        overflow-y: auto;
      }
    }

  }
}

.noFooterFullscreen {
  .ant-modal {
    width: 100vw !important;
    max-width: 100vw;
    top: 0;
    padding-bottom: 0;

    .ant-modal-content {
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;


      .ant-modal-body {
        height: calc(100vh - 72px);
        overflow-y: auto;
      }
    }

  }
}

.break_word {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breakText {
  white-space: pre-wrap;
  word-break: break-all;
}

.loading_modules {
  margin: 48% auto;
  color: #666;
  font-size: 16px;
}